<!--===========================HTML===========================-->
<template>
  <div>
    <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />

    {{ count }}
  </div>
</template>
<!--===========================JS===========================-->
<script lang="ts">
import { defineComponent } from 'vue'
type Todo = {
  id: number,
  name: string,
  completed: boolean
}

export default defineComponent({
  data() {
    return {
      count: 1,
      todo_list: [] as Todo[]
    };
  },
  created() {
    this.todo_list.push(
      {
        id: 100,
        name: 'alan',
        completed: true
      }
    );
  },
})

</script>
<script lang="ts" setup scoped>
import HelloWorld from '@comps/HelloWorld.vue'
</script>

<!--===========================CSS===========================-->
<style scoped>
</style>